<template>
  <div>
    <span style="text-align: center;color: #24dcf3;font-size: 40px" href="#notice" >游览须知</span>
  <div class="notice">
    <div class="list">
      <ul>
        <li>
          <div class="ico">
            <i class="iconfont icon-jinzhixiyan"></i>
          </div>
          <h2>请勿吸烟</h2>
          <p>工美馆群建筑由原运河沿岸的老厂房、老仓库等工业遗存改建而成，是杭州近代民族及纺织工业兴起和发展的重要历史见证，每个点燃的烟头都可能是对这片珍贵历史文化遗产的威胁。</p>
        </li>

        <li>
          <div class="ico">
            <i class="iconfont icon-wenwu" ></i>
          </div>
          <h2>工艺美术特色</h2>
          <p>馆群以工艺美术为主题特色，通过历史文物和艺术精品的收藏以及陈列、工艺美术大师和非遗传承人的活态展示以及传承、丰富新颖的教育活动和文化宣传，努力打造工艺美术与非遗保护的“展示窗口”“交流平台”“行业桥梁”。</p>
        </li>

        <li>
          <div class="ico">
            <i class="iconfont icon-zhiyuanzhehuodong" ></i>
          </div>
          <h2>志愿者帮扶</h2>
          <p>请不要轻信和接受社会散杂人员派发的各种广告和兜售的商品。严防上当受骗，并欢迎举报，有任何疑问可询问馆内志愿者。</p>
        </li>

        <li>
          <div class="ico">
            <i class="iconfont icon-huanjingweisheng" ></i>
          </div>
          <h2>环境卫生</h2>
          <p>为了您和他人的健康，请勿随地吐痰。
            请勿乱丢垃圾废物请您尊重清洁工人的劳动。
            让我们共同保持参观环境的清洁有序！</p>
        </li>

        <li>
          <div class="ico">
            <i class="iconfont icon-shouye" ></i>
          </div>
          <h2>咨询服务</h2>
          <p>馆内提供讲解预约、馆区引导、近期展览及活动、广播寻人寻物、周边交通及餐饮等咨询服务。</p>
        </li>

        <li>
          <div class="ico">
<!--            img能否采用一系列有关的图片-->
            <i class="iconfont icon-wj-zyzdj"></i>
          </div>
          <h2>第二课堂登记</h2>
          <p>作为杭州市第二课堂五星基地，欢迎各位学生朋友们前来参观学习。第二课堂刷卡时间为每周五下午、双休日、节假日，携带杭州市民卡至各馆区刷卡。</p>
        </li>
      </ul>
    </div>
  </div>
  </div>
</template>

<script>
export default {
  name: "Notice"
}
</script>

<style scoped>
.iconfont{
  font-size: 80px;
  float:left;
  margin-left: 25px;
}
.notice{
  display: flex;
  justify-content: center;
}
.list{
  /*display: flex;*/
  /*overflow: hidden;*/
  /*justify-content: center;*/
  width: 1250px;

  overflow: hidden;
  padding-bottom: 40px;
}
.list li{
  float:left;
  width:50%;
  overflow: hidden;
  margin-bottom: 30px;
}
.list h2{
  font-size: 18px;
  color: #474747;
  margin-left: 120px;
  padding: 9px 0 5px;
}
</style>